<template>
  <view class="container">
    <mumuGetQrcode @success="qrcodeSucess" @error="qrcodeError"></mumuGetQrcode>
  </view>
</template>

<script setup>
  import {
    ref
  } from 'vue';
  import mumuGetQrcode from '@/uni_modules/mumu-getQrcode/components/mumu-getQrcode/mumu-getQrcode.vue';
  import {
    activateCardPassword
  } from '../../request/active.js'
  // 扫码成功处理
  const qrcodeSucess = (data) => {
    const parameters = data.split('&');
    // Check if the second parameter exists
    if (parameters.length > 1) {
      const firstParam = parameters[0]; // First parameter
      const secondParam = parameters[1]; // Second parameter
      console.log('第一个参数：', firstParam);
      console.log('第二个参数：', secondParam);
      // Use the first parameter to activate the coupon
      if (secondParam === 'DB_QR') {
        activateCardPassword(firstParam).then(res => {
          if (res.code === 200) {
            uni.showModal({
              title: "通知",
              content: `恭喜您激活${res.data.productName},有效期${formatDate(new Date(res.data.startTime))}至${formatDate(new Date(res.data.expiredTime))}`,
              showCancel: true,
              cancelText: "取消",
              confirmText: "去使用",
              success(res) {
                if (res.confirm) {
                  uni.reLaunch({
                    url: "/pages/mine/cardbord"
                  })
                } else {
                  uni.navigateBack({}); // 返回到上一页
                }
              }
            })
          } else {
            uni.showModal({
              title: "通知",
              content: res.message,
              showCancel: false,
              success: () => {
                uni.navigateBack({}); // 返回到上一页
                // 在这里可以添加确认弹窗后的操作
              },
            });
          }
        })
      }
    } else {
      uni.showModal({
        title: "通知",
        content: "二维码不正确",
        showCancel: false,
        success: () => {
          uni.navigateBack({}); // 返回到上一页
          // 在这里可以添加确认弹窗后的操作
        },
      });
    }




    // console.log(data);
    // uni.showModal({
    //   title: '成功',
    //   content: data,
    //   success: () => {
    //     // 在这里可以添加确认弹窗后的操作
    //   },
    // });
  };

  function formatDate(date) {
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以要加1
    const day = String(date.getDate()).padStart(2, '0');
    const hours = String(date.getHours()).padStart(2, '0');
    const minutes = String(date.getMinutes()).padStart(2, '0');
    const seconds = String(date.getSeconds()).padStart(2, '0');

    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
  }
  // 扫码失败处理
  const qrcodeError = (err) => {
    uni.showModal({
      title: '摄像头授权失败',
      content: '摄像头授权失败，请检测当前浏览器是否有摄像头权限。',
      success: () => {
        uni.navigateBack({}); // 返回到上一页
      },
    });
  };
</script>

<style>
  /* 在这里添加样式 */
</style>
